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Où votre organisation en est-elle? 
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Sommaire de la présentation 


Au programme... 

S Les clientèles de l'accessibilité du Web 
S Les nouvelles obligations en vigueur 
S Intégrer l'accessibilité aux processus 
•S Évaluation de site Web en direct 
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Les clientèles de l’accessibilité du Web 
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Qu'est-ce que l'accessibilité du Web ? 


Se réaliser selon sa pleine capacité ou ses ambitions 

S Signifie que tous peuvent : 

• Percevoir le Web 

• Comprendre le Web 

• Naviguer sur le Web 

• Interagir avec le Web 

• Mais aussi contribuer au Web! 


2012. VP communications, GTN-Québec 
Courriel : communication@gtn-quebec.org 


GTN-Québec 



Découvrir l'accessibilité du Web 


Résumé 

Marie-France Bru est atteinte d'une sclérose amyotrophique 
latérale (ALS). Les autres noms de cette affection sont la maladie 
des neurones moteurs (MND), la maladie de Lou Gherigs et la 
maladie de Charcot. Elle utilise : 

S SwitchXS pour accéder à son ordinateur, 

■S KeyStrokes pour la prédiction de mot, 

■f Proloquo pour la communication. 


Source 

Un rôle important au sein de la famille 
http://www.assistiveware.com/videos.php?video=Marie- 

France&format=mp4 
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UN RÔLE IMPORTANT AU SEIN DE LA FAMILLE 



An AssistiveWare® Production 


2012. VP communications, GTN-Québec 
Courriel : communication@gtn-quebec.org 


/ 9 


GTN-Québec 





personnes handicapées sur le Web 


10,4 % de la population (800 000 personnes) 

S Quatre grands champs de déficiences : 

• Limitations visuelles 

• Limitations auditives 

• Limitations motrices 

• Limitations cognitives 


Ressource 

How People with Disabilities Use the Web 
http://www.w3.org/WAI/intro/people-use-web/Overview.html 
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CAS DE HANDICAPS TEMPORAIRES 


Nous sommes tous concernés! 

S Environnements ou situations propices au handicap 

• Petits incidents... 

• Reflets du soleil... 

• Bruits ambiants... 

• Bris de périphérique... 

• Etc. 
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HANDICAP ET VIEILLISSEMENT 


Une progression constante 

* 2006 : 

45 ans+ : 35 % (2.7M) 

65 ans+ : 14 % (1.3M) 

S 2056 : 

65 ans+ : 28 % (est.) 

S Hausse de 100 % 
sur les 50 prochaines 
années! 
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BIEN PLUS DE GENS QUE L'ON PENSE! 


Au-delà de la situation de handicap... 

S Populations vieillissantes 
S Populations analphabètes 
S Populations allophones 
S Utilisateurs de technologies désuètes 
S Utilisateurs de technologies émergentes 
S Utilisateurs en contexte de mobilité 
S Utilisateurs de connexions à bas débit 
S Utilisateurs peu ou pas expérimentés 


2012. VP communications, GTN-Québec 
Courriel : communication@gtn-quebec.org 


GTN-Québec 



Des besoins communs à tous 


Place aux bonnes pratiques! 

S Une simplification du langage utilisé 
■S Un minimum de mouvement distrayant 
S Des phrases et paragraphes courts 
S Du contenu en listes plutôt qu'en paragraphes 
S Des colonnes de texte moins larges 
S Une taille de texte et un interlignage suffisants 
S Des supports au texte avec images ou vidéos 
S Etc. 
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PAS SEULEMENT POUR LES AVEUGLES! 


Certes, d'abord les personnes handicapées 

■S Mais bénéficie à une majorité de personnes 
■S Favorise l'inclusion et la participation citoyenne 
■S Assure des gains de développement souhaitables 

• Mobilité, ergonomie, utilisabilité, seo... 

• Pérennité, portabilité, interopérabilité... 


Référence 

Enquête sur la participation et limitations d’activités de 2006 : rapport 
analytique. Statistique Canada 

http://www.statcan.gc.ca/pub/89-628-x/89-628-x2007002-fra.htm 
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LES NOUVELLES OBLIGATIONS EN VIGUEUR 
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Standards d'accessibilité en vigueur 


Du W3C au Services gouvernementaux 

■S Normalisation au World Wide Web Consortium (W3C) 

• Web Content Accessibility Guidelines Working Group 

• Education and Outreach Working Group 

• 1999 : WCAG 1.0 «— » 2008 : WCAG 2.0 

• Autres documents connexes... 


Ressource 

Web Content Accessibility Guidelines (WCAG) 
http://www.w3.org/WAI/intro/wcag.php 
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Découvrir WCAG 2.0 


Web Content Accessibility 

S 4 principes fondateurs 
S 12 règles générales 
S 61 critères de succès 
•S 3 niveaux de conformité 


Ressources 

Techniques and Failures WCAG 2.0 
http://www.w3.org/TR/WCAG20-TECHS/ 

How to Meet WCAG 2.0 
http://www.w3.org/WAI/WCAG20/quickref/ 
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Développement du SGQRI 008 


Déclinaison en trois documents 

S SGQRI 008-01 : Sites Web 
S SGQRI 008-02 : Doc. téléch. 

S SGQRI 008-03 : Multimédia 
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sgqri 008 




Référence 

Accessibilité aux personnes handicapées, travaux de normalisation 

http://www.tresor.gouv.qc.ca/ressources-informationnelles/standards-sur- 

l accessibi l ite-du-w ebA 
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Spécifications 


Le saviez-vous ? 


Les mêmes principes se retrouvent sensiblement dans les 
exigences des standards SGQRI 008-02 et SGQRI 008-03. 



Référence : 

allyMTL 2011 , Yves Hudon 
Mise en place des standards 
SGQRI 008 : comment désamorcer 
les inquiétudes ($$$) pour T existant? 

http://www.voutube.com/watch?v=PRvvmST3bcM 
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Champ d’application de SGQRI 008 


Qui est touché par les standards? 

■S L'ensemble des ministères et organismes visés par : 

• L'article 64 de la Loi sur l'administration publique 

• La politique d'accès aux documents et services offerts au 
public pour les personnes handicapées (OPHQ) 

■S À terme : 

• Les réseaux connexes? 

(Loi 133 sur la gouvernance et la gestion des RI) 

• Les municipalités? 

(aucun plan pour l'instant, mais qui sait...) 
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Qu’est-ce qu’un site Web ? 


Vos sites Web sont-ils touchés ? 

S Un ensemble de pages Web... 

• Organisées au moyen de balises HTML ou XHTML 

• Liées dans une structure cohérente 

• Hébergées sur un serveur Web 

• Consultées au moyen d'un agent utilisateur 

• Régies par le protocole HTTP ou HTTPS 
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IMPORTANT! 


Les standards servent à orienter 
un avenir que l'on souhaite plus 
inclusif, pas à réécrire l'histoire. 


Autrement dit, seuls les nouveaux contenus et les 
contenus modifiés sont touchés par ces obligations 
(à quelques exceptions près...) 
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Secrétariat 
du Conseil du trésor 


Québec 


ES ES 
ES ES 


RESSOURCES 

BUDGET DE 

FAIRE AFFAIRE , 

HUMAINES 

DÉPENSES 

AVEC L'ÉTAT 


RESSOURCES 

INFORMATIONNELLES 


SECRÉTARIAT 


> Ressources informationnelles 


> Dirigeant principal de l'information 

> Gouvernance et gestion des 
ressources informationnelles 


> Standards sur i'accessibilitA du 
Web 

> Architecture d'entreprise 
gouvernementale 

> Sécurité de l'information 


STANDARDS SUR L'ACCESSIBILITÉ DU WEB 

Cette page présente les trois standards sur l'aocessibilité du Web adoptés 
par le Conseil du trésor : 

Q Standard sur l'accessibilité d'un site Web (SGQRI 008-01) 

Q Standard sur l'accessibilité d'un document téléchargeable 
(SGQRI 008-02) 

Q Standard sur l'accessibilité du multimédia dans un site Web 
(SGQRI 008-03) 

Elle présente également des guides et documents d'intérêt sur 
l'accessibilité du Web. 


STANDARD SUR L’ACCESSIBILITÉ D'UN SITE WEB 

Le standard SGQRI 008-01 énonce les règles permettant à tout site Web, 
public ou intranet ou extranet, d'être accessible afin de faciliter son 
utilisation par toute personne, handicapée ou non. 

• Standard sur l'accessibilité d'un site Web,£| (1 ,19 Mo) 

Q Retour en haut de la page 

STANDARD SUR L'ACCESSIBILITÉ D'UN DOCUMENT 
TÉLÉCHARGEABLE 



A* Agrandir le texte 

A Imprimer 

@ RI RSS 

LIENS RAPIDES 

^ Équité salariale 

^ Standards sur 

l'accessibilité du Web 

^ Emplois au 
gouvernement 

Q Regroupements des 
gestionnaires en 
ressources 

^ Lois, règlements et 
politiques 

^ Accès à l'information 

^ Salle de presse 

^ Publications 
Annonces 
gouvernementales 
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Conditions de conformité 


Règles et considérations générales 

■S Conformité à l'ensemble des exigences 
S Version de rechange équivalente et accessible 
S Icône - avertissement - page « Accessibilité » pour : 

• Contenu provenant d'un tiers non assujetti 

• Contenu interactif à caractère ludique ou non-informatif 

• Objet cartographique Web dynamique 

■S Offre d'assistance pour formulaire Web non-accessible 
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Exigences générales 


Hyperlien « Accessibilité » 

Toute page Web doit comporter un hyperlien Accessibilité qui 
donne accès à une page Web énumérant les principales 
dispositions prises par le ministère ou l'organisme pour se 
conformer au présent standard. 

■S Doit prévoir minimalement : 

• Hyperlien vers les standards hébergés au SCT 

• Nom et version des outils d'adaptation utilisés 

• Description de la fonction des icônes utilisées 
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ADOPTION ET PRISES D'EFFET 


Les standards sont à nos portes! 

■S 1er octobre 2009 : pratique recommandée du BDPI 
■S 10 mai 2011 : directive obligatoire du Conseil du trésor 
S Dates de prises d'effet : 

• De 12 à 24 mois, suivant la date d'adoption 

• SGQRI 008-01 : 10 mai 2012 

• SGQRI 008-02 : 10 novembre 2012 

• SGQRI 008-03 : 10 mai 2013 
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Se préparer aux obligations 


Comprendre les mesures transitoires et finales 

■S Définir ce qui nous concerne réellement 
■S Prioriser les interventions pertinentes 



Dates butoirs 


Types de contenus 

| 09/05/12 09/11/12 

09/05/13 

SGQRI 008-01 : site web public 

X 


SGQRI 008-01 : site intranet ou extranet 


X 

SGQRI 008-02 : Doc. téléch. (site web public) 

X 


SGQRI 008-02 : Doc. téléch. (intranet ou extranet) 


X 

SGQRI 008-03 : Multimédia dans un site Web 


X 
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Obligations pour l’existant (SGQRI 008-01) 


Dispositions transitoires 

Dates butoirs 

Sites web publics (SGQRI -008 01) 

| 09/05/12 09/11/12 09/05/13 09/05/14 

Hyperlien Accessibilité, page Accessibilité 

X 

Conformité - page d'accueil, plan de site, etc. 

X 

Conformité - nouvelle page, site existant 

X 

Conformité - page modifiée, site existant 

X 

Formulaire web existant, offre d'assistance 

X 

Conformité - formulaire web existant 

X 

Conformité - nouveau site ou site refondu 

X 

Annonce des modifications, page Accessibilité 

X 

Dépôt d'un rapport sur l'application du standard 

X 
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Obligations pour l’existant (SGQRI 008-01) 


Dispositions transitoires 

Dates butoirs 



Sites web intranet ou extranet (SGQRI -008 01) 

| 09/05/12 

09/11/12 

09/05/13 

09/05/14 

Hyperlien Accessibilité, page Accessibilité 



X 


Conformité - page d'accueil, plan de site, etc. 



X 


Conformité - nouvelle page, site existant 



X 


Conformité - page modifiée, site existant 



X 


Formulaire web existant, offre d'assistance 

s/o 

S/O 

s/o 

S/O 

Conformité - formulaire web existant 

S/O 

S/O 

s/o 

S/O 

Conformité - nouveau site ou site refondu 



X 


Annonce des modifications, page Accessibilité 



X 


Dépôt d'un rapport sur l'application du standard 



X 
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Obligations pour l’existant (SGQRI 008-02) 


Dispositions transitoires 

Dates butoirs 

Docs. téléchargeables - sites web publics (SGQRI 008-02) 

| 09/05/12 09/11/12 09/05/13 

Offre d'assistance - formulaires téléchargeables non conformes 

X 

(ou) Formulaires téléchargeables -version HTML conforme 

X 

Conformité - documents modifiés, site web existant 

X 

Conformité - nouveaux documents, site web existant 

X 

Conformité - nouveaux documents, nouveau site web 

X 

Annonce des modifications, page Accessibilité 

X 

Dépôt d'un rapport sur l'application du standard 

X 
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Obligations pour l’existant (SGQRI 008-02) 


Dispositions transitoires 

Dates butoirs 



Docs. téléchargeables - intranet ou extranet (SGQRI 008-02) 

| 09/05/12 

09/11/12 

09/05/13 

Offre d'assistance - formulaires téléchargeables non conformes 



X 

(ou) Formulaires téléchargeables -version HTML conforme 



X 

Conformité - documents modifiés, site web existant 

S/O 

S/O 

s/o 

Conformité - nouveaux documents, site web existant 



X 

Conformité - nouveaux documents, nouveau site web 



X 

Annonce des modifications, page Accessibilité 



X 

Dépôt d'un rapport sur l'application du standard 



X 
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Obligations pour l’existant (SGQRI 008-03) 


Dispositions transitoires 

Dates butoirs 


Objets multimédia - tous types de sites web (SGQRI 008-03) 

| 09/05/12 09/11/12 

09/05/13 

Avertissement -tous contenus multimédia non conformes 


X 

Présence de l'avertissement sur la page Accessibilité 


X 

Conformité - contenus multimédia modifiés 


X 

Conformité - nouveaux contenus multimédia 


X 

Annonce des modifications, page Accessibilité 


X 

Dépôt d'un rapport sur l'application du standard 


X 


Encore une fois... 

■s Définir ce qui nous concerne réellement 
■S Prioriser les interventions pertinentes! 
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Intégrer l’accessibilité aux processus 



2012. VP communications, GTN-Québec 
Courriel : communication@gtn-quebec.org 


GTN-Québec 


Faire évoluer la pratique Web 


Éviter les pièges les plus communs 

S Ignorer le caractère transversal 
■S Planifier l'accessibilité en fin de parcours 
■S Désigner un champion unique de l'accessibilité 
•S Confondre accessibilité et conformité 
S Ne valider que les critères techniques 
S Présumer du pouvoir des outils 
S Sous-estimer l'impact des plateformes 


2012. VP communications, GTN-Québec 
Courriel : communication@gtn-quebec.org 


GTN-Québec 



Ignorer le caractère transversal 


Affecte chaque maillon de la chaîne 

•S Pas un maillon supplémentaire 

•S À ventiler dans les maillons existants 

•S Prévoir les interventions au moment opportun 

• Risques de négliger des aspects importants 

• Décisions lourdes de conséquences 

• Impacts négatifs et dépassements de coûts 

• Nuire aux objectifs de conformité 
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l’accessibilité en fin de parcours 


Les décisions en amont peuvent nuire à l'accessibilité 

S Peut-il être trop tard pour bien faire? 

S Efforts souvent réduits, faute de temps! 

S Quelques conséquences fréquentes : 

• Équivalents textuels non prévus 

• Dépendance face à un périphérique 

• Contrastes de couleurs insuffisants 

• Contenus en ligne en PDF inaccessibles 
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Désigner un champion de l'accessibilité 


En support à une équipe « impliquée » 

S Des décisions se prennent tout au long du projet 
S Ne peut reposer que sur une seule personne 
■S Éviter que le champion ne devienne un bourreau 

• Préférable que tous mettent l'épaule à la roue 

• Éviter les confrontations et les tensions inutiles 

• Construire collectivement la compétence 
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Confondre accessibilité et conformité 


Pas des notions interchangeables 

S Accessibilité (démarche subjective) : 

• Faire tomber un maximum de barrières 

• Efforts d'adaptation des contenus 

• Tests techniques ET fonctionnels 
■S Conformité (démarche objective) : 

• Respecter un standard dans sa totalité 

• Applications prescrites et mesurables 

• Tests techniques uniquement 
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Ne valider que les critères techniques 


Les exigences seules sont insuffisantes 

■S Valider I’ expérience utilisateur : 

• Prévoir aussi des tests fonctionnels 

• Synthèses vocales, lecteurs d’ écran, etc. 

• Avec de « vrais » utilisateurs? 


Exemples 

Ponctuation des équivalents textuels : forcer la synthèse vocale à marquer 
une pause 

— S e ns a l t é r é à l 'or e i lle : « standards e t norm e s » ou « standards é norm e s »? 
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Présumer du pouvoir des outils 


La notion de qualité ne relève pas de machines 

S L'accessibilité fait appel au bon jugement 
■S Implique une évaluation humaine compétente 
•S L'intervention humaine est inévitable 

• « Seulement » 27 à 30 % de tests automatisables 

• Maîtrise du détail technique essentielle 
■S Affirmations promotionnelles des outils 

• Hausse indûe des capacités réelles 

• Prévoir quelques déceptions... 
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Sous-estimer l’impact des plateformes 


Licences coûteuses != gage d'accessibilité 

S Solutions propriétaires : au cas par cas 

• Adapté aux pratiques de développement? 

• Possibilité de modifier le code généré? 

• Évaluation du potentiel d'accessibilité? 

• Niveau atteint nativement? 

• Niveau atteignable déclaré? 

S Solutions libres : généralement plus facile 

• Possibilité de modifier le code? Tout est possible... 
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L’approche AccessibilitéWeb 


Une approche qui fait ses preuves 

S Intégrer l'accessibilité à toutes les étapes 
■S Rencontres en amont de la production 
S Banque d'heures en accompagnement 
•S Rondes itératives d'évaluation préliminaires/complètes 

• Des maquettes schématiques au HTML/CSS final 

• Des rapports de recommandations techniques 

• Un plan d'amélioration progressif et continu 
■S Assurer un transfert de connaissances 
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Répartition des rôles et responsabilités 


Intégrer l'accessibilité à la chaîne de production Web 

S Une responsabilité à partager entre tous 
■S Implication de tous les maillons de la chaîne 
S Intégration transversale dans la chaîne de production 
S Partage des tâches en fonction des rôles 
S Appropriation collective et segmentée des pratiques 

Ressource 

Guide de partage des responsabilités et tâches relatives à l’accessibilité (PDF, 325Ko) 
http://www.tresor.gouv.qc.ca/fileadmin/PDF/ressources informationnelles/ 

AccessibiliteWeb/guide partage responsabilites.pdf 
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Une question s’impose. 


Qui est responsable de quoi ? 

Un modèle générique dans lequel chaque exigence des standards 
est ventilée selon les fonctions et les tâches généralement 
présentes dans une chaîne de production. 


Ressources 

Grilles de répartition des responsabilités et des tâches (PDF, 2.17 Mo) 
http://www.tresor.gouv.qc.ca/fileadmin/PDF/ressources informationnelles/ 

AccessibiliteWeb/grilles responsabilites.pdf 
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Répartition des rôles 


Proposition de ventilisation (2010/10) 


Fonctions 

SGQRI 008-01 

SGQRI 008-02 

SGQRI 008-03 

Gestion de projets 

25 

11 

10 

Analyse 

12 

6 

8 

Architecture 

24 

14 

13 

Ergonomie 

33 

15 

24 

Graphisme 

30 

15 

23 

Prototypage 

42 

0 

0 

Rédaction 

30 

18 

23 

Développement 

75 

36 

50 

Contrôle qualité 

75 

36 

50 
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Prévenir plutôt que guérir 


Prévoir les interventions au moment opportun 

S L'accessibilité planifiée entraîne des gains significatifs : 

• En termes de délais, de coûts et de production 

• En termes de relation internes et avec le client 
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Matière à réflexion 


L'accessibilité du Web abordée 
en fin de chaîne de production 
conduit souvent à traiter trop 
tard, des questions qui auraient 
dû l'être avant, sans les moyens 
adéquats pour les corriger. 
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Coûts et impacts de l’implantation 


Comment tirer profit des expériences acquises? 

^Démarche gouvernementale de mesure des impacts 
S Des coûts à la marge variant entre 2 à 5 % et 30 %! 

S Qui assumera la mise à niveau de l'expertise? 
^Programme de certification des compétences 


Ressources 

Developing a Web Accessibility Business Case 
http://www.w3.org/WAI/bcase/ 

Programme de certification des compétences en accessibilité 
http://certif.accessibiliteweb.com/ 
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Évaluation de site Web en direct 
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ADOPTER UNE APPROCHE PRAGMATIQUE 


Minimum d'efforts, maximum de résultats 

•S Prioriser les interventions 

• Équivalents textuels 

• Navigation au clavier 

• Structure des contenus 

• Recours aux couleurs 

• Utilisation des formulaires 

Ressource 

Les règles d'accessibilité 2.0 - Base de connaissances 

http://certif.accessibiliteweb.conn/accueil/base-de-connaissances/les-regles/ 
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PRINCIPALES RECOMMANDATIONS 


Selon les Distance Education Accessibility Guidelines 

■S Assurer une compatibilité avec les outils d'adaptation 
■S Structurer les contenus avec des en-têtes de section 
■S Décrire en texte les contenus présentés visuellement 
■S Favoriser des libellés d'hyperliens significatifs et descriptifs 
■S Supporter en texte une signalisation véhiculée par la couleur 
■S Offrir des contenus utilisables avec le clavier 


Ressource 

Distance Education Accessibility Guidelines (California Community College System) 

http://extranet.cccco.edU/Portals/l/AA/DE/ 

2011DistanceEducationAccessibilitvGuidelines%20FINAL.pdf 
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Les outils de l’accessibilité 


Avec Microsoft Internet Explorer 

•S Web Accessibility Toolbar 
http://www.visionaustralia.org.au/ais/Toolbar/ 

S Version française disponible 
http://www.wat-c.org/tools/WAT/versions/fr/about.html 

S Didacticiel sur l'utilisation de la barre d'outils (en anglais) 
http://www.webaim.org/articles/ais/ 
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Les outils de l’accessibilité 


Avec Mozilla FireFox 

S Web Developer Toolbar 

https://addons.mozilla.org/fr/firefox/addon/60 

S Firefox Accessibility Extension 

https://addons.mozilla.org/fr/firefox/addon/5809 

S Juicy Studio Accessibility Toolbar 

https://addons.mozilla.org/fr/firefox/addon/9108 

S Fangs Screen Reader Emulator 

https://addons.mozilla.org/en-US/firefox/addon/402/ 

S HeadingsMap 

https://addons.mozilla.org/en-US/firefox/addon/7203/ 
S NoSquint 

https://addons.mozilla.org/en-US/firefox/addon/2592/ 
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Mises en pratique et cas réel 
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À l'aube des premières obligations... 



Votre organisation est-elle sur la ligne de départ? 
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MERCI DE VOTRE ATTENTION! 


Denis Boudreau, 

Vice-président, communications 


GTN-Québec 

1751 rue Richardson, bureau 6111 
Montréal (Québec), Canada H3K 1G6 
Téléphone : +1 (514) 730-9168 

Courriel : commmunication@gtn-quebec.org 
Web : www.gtn-quebec.org 
Twitter : @gtnqc 



2012. VP communications, GTN-Québec 
Courriel : communication@gtn-quebec.org 


GTN-Québec 



